@charset "utf-8";


html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #333;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;max-width:100%;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #2672ff;}
ul {margin: 0;list-style: none;padding: 0;}

/* 模板样式 */
.main {
    width: 100%;
}
.center {
    width: 1200px;
    margin: 0 auto;
}
.box_tit {
    margin: 50px 0;
}
.box_tit span {
    font-size: 30px;
    text-align: center;
    color: #000;
    display: block;
}
.box_tit p {
    font-size: 18px;
    color: #666;
    display: block;
    text-align: center;
    margin-top: 12px;
    line-height: 170%;
}
.pro_screen {
    padding:0px;
    width: 100%;
	line-height:30px;
    margin-bottom: 50px;
}
.pro_screen ul {
    margin-top: 10px;
}
.pro_screen ul li {
    margin: 0 8px;
    float: left;
}
.pro_screen ul li span {
    display: block;
    color: #aaa;
    padding: 7.5px 19px;
}
.pro_screen .fbox a {
    color: #666;
}
.pro_screen ul li a.active {
    color: #fff;border-radius: 5px;
    background-color: #2672ff;
}
.pro_screen ul li a {
    color: #aaa;
    padding: 6px 16px;
    display: block;
}
.case_wrap{ padding-bottom:80px;}
.flex_between {
    width: 100%;
    padding: 30px 0;
}
.flex_between .text {
    color: #333;
    float: left;
    margin-top: 4px;
}
.flex_between .text a.active {
    color: #fff;
    background-color: #2672ff;
}
.flex_between .text a {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 10px;
}
.flex_between .search {
    position: relative;
    padding-right: 78px;
    float: right;
}
.flex_between .search input[type="text"] {
    width: 182px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    border-right: 0;
    float: left;
    padding: 0 10px;
    outline: 0;
}
.flex_between .search input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 78px;
    float: right;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    outline: 0;
    border: none;
    background-color: #2672ff;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}
.case_list ul li {
    width: 31%;
    margin-right: 1.2%;
    border: 1px solid #eee;
    padding: 8px;
    margin-bottom: 15px;
    float: left;
}
.case_list ul li .scroll_pic {
    position: relative;
    width: 100%;
    height: 120px;
    margin: 0;
    overflow: hidden;
}
.case_list ul li .scroll_pic img {
    width: 100%;
    position: relative;
    display: block;
}
.case_list ul li .text h3 {
    line-height: 48px;
    border-bottom: 1px solid #2672ff;
    color: #666;
    padding: 0 5px;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.case_list ul li .text2 {
    width: 100%;
    -webkit-box-pack: justify;
            justify-content: space-between;

}
.case_list ul li .text2 span {
    font-size: 12px;
    color: #666;
    float: left;
}
.case_list ul li .text2 span i {
    font-size: 22px;
    font-style: normal;
}
.case_list ul li .text2 span em {
    color: #999;
    font-style: normal;
    padding-left: 5px;
}
.case_list ul li .text2 a {
    display: block;
    width: 92px;
    height: 34px;
    border: 1px solid #e5e5e5;
    color: #555;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    float: right;
}

.case_list ul li .text2 a:hover {
  background: #3399ff;
  color: #fff;
  border-color: #3399ff;
}

.case_list ul li .text3 {

  width: 100%;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 10px 0;

}
.case_list ul li .text3 p {
  font-size: 12px;
  color: #ccc;
  float: left;

}

.case_list ul li .text3 p em {
  font-style: normal;
  color: #999;
}


.case_list ul li .text3 span {
  float: right;
  margin-top: 3px;

}
.case_list ul li .text3 span i {
  font-style: normal;
  display: inline-block;
  color: #66c7f2;
  border: 1px solid #66c7f2;
  padding: 3px 2px;
  line-height: 1;
  font-size: 12px;
  line-height: 100%;
  margin-left: 5px;
}
.case_list ul li:nth-child(3n) {

  margin-right: 0;

}
a:active, a:hover {
    outline: 0;
}
.pages {

  margin-top: 40px;

  margin-bottom: 20px;

  text-align: center;

}



.pages a {

  display: inline-block;

  height: 32px;

  line-height: 30px;

  background: #fff;

  border: 1px solid #e6e6e6;

  text-align: center;

  color: #333;

  padding: 0 14px;

  border-radius: 5px;

  margin: 0 3px;

}


.pages a:hover {

  background: #2672ff;

  color: #fff;

  text-decoration: none;

  border: 1px solid #2672ff;

}



.pages a.current {

  background: #2672ff;

  color: #fff;

  text-decoration: none;

  border: 1px solid #2672ff;

}

/* 模板样式 */


.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}

.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}




.header { position:absolute; width: 100%;padding: 10px 0; z-index:100;background-color: transparent}
.header .logo {float: left;height: 50px; padding-top:10px;text-align: left;}
.header .nav {font-size: 0;float: right;}
.header .nav li {display: inline-block;vertical-align: middle;margin-left: 30px;}
.header .nav li a {display: block;font-size: 16px;color: #fff;line-height: 66px;}
.header .nav li a span {display: block;text-transform: uppercase;font-size: 12px;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #fff;border-left: 2px solid #fff;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);right: 15px;}
.header .nav li:last-child {padding: 3px 15px;background-color:transparent;border: 1px solid #fff;border-radius: 2px;color: #383838;}
.header .nav li:last-child a { line-height:30px;} 
.header .nav li.dropdown {position: relative;}
.header .nav .dropdown-box {position: absolute;left: 50%;width: 160px;top: 100%;background-color: #2672ff;display: none;z-index: 10;margin-left: -80px;text-align: center;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff !important;line-height: 50px;font-size: 14px;padding: 0 10px;border-bottom: 0;background-image: none;}
.header .nav .dropdown-box a:hover {background-color: #313131 !important;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {background-position: center 110%;color: #fff;}
.header .nav li.active a span,.header .nav li.open a span,.header .nav li a:hover span {opacity: 1;color: #2672ff;}
.header .nav li.open .dropdown-box {display: block;}
.sp_nav_body {overflow: hidden;}

.sp_nav{width:18px;float:right;position:relative;cursor:pointer;z-index:10;height: 14px;margin: 25px 0 0 25px;}
.sp_nav span{display:block;background:#ffffff;width:18px;height:2px;position:absolute;left:0;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
.sp_nav .sp_nav1{top:0;}
.sp_nav .sp_nav2{top:6px;width:14px;}
.sp_nav .sp_nav3{top:12px;}
.sp_nav_se .sp_nav1,.sp_nav_se .sp_nav2,.sp_nav_se .sp_nav3 {background-color:#222222;}
.sp_nav_se .sp_nav1{top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.sp_nav_se .sp_nav2{width:0!important;}
.sp_nav_se .sp_nav3{top:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.sp_nav_se .logo{display: none;}
.sp_nav_se .nav{display: none;}
.sp_nav:hover .sp_nav2{width:18px;}

.sp_nav-box {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 99;display: none;}
.sp_nav-box .container {display: table;height: 100%;}
.sp_nav-box .inner {display: table-cell;vertical-align: middle;}
.sp_nav-box ul {overflow: hidden;margin: 100px 0;}
.sp_nav-box li {float: left;width: 20%;font-size: 0;text-align: center;}
.sp_nav-box li a {display: inline-block;padding: 12px 0;font-size: 24px;vertical-align: middle;position: relative;}
.sp_nav-box li a:after {position: absolute;content: '';height: 3px;background-color: #2672ff;left: 0;bottom: 0;-webkit-transition: all 0.5s;transition: all 0.5s;width: 0;}
.sp_nav-box li a:hover:after {width: 30px;}

.is-fixed.header { position: fixed; top: 0; height: 56px;width: 100%;background-color: #fff; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding:0;}
.is-fixed .logo { padding-top:0;}
.is-fixed .nav {}
.is-fixed.header .nav li {}
.is-fixed.header .nav li a {color: #000;line-height: 50px;}
.is-fixed.header .nav li a span {}
.is-fixed.header .nav li .arr {}
.is-fixed.header .nav li .arr:after {}
.is-fixed.header .nav li:last-child {background-color:#2672ff;border: 1px solid #2672ff;color: #49a0f5;;}
.is-fixed.header .nav li:last-child a { line-height:25px; color:#fff;} 
.is-fixed.header .nav li.dropdown {position: relative;}
.is-fixed.header .nav .dropdown-box {top: 110%;}
.is-fixed.header .nav .dropdown-box p {}

.is-fixed.header .nav .dropdown-box a:hover {background-color: #313131 !important;}
.is-fixed.header .nav li.active a,.is-fixed.header .nav li.open a,.is-fixed.header .nav li a:hover {background-position: center 110%;color: #2672ff;}
.is-fixed.header .nav li.active a span,.is-fixed.header .nav li.open a span,.is-fixed.header .nav li a:hover span {opacity: 1;color: #2672ff;}
.is-fixed.header .sp_nav{margin: 20px 0 0 25px;}



.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #fff;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}

/* kf star */
.kf {
	position: fixed;
	z-index: 9999999;
	top: 350px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.kf_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.kf_bar .kf_top {
	background: #2672ff url(../images/fixCont.png) no-repeat 0 0;
}
.kf_bar .kf_phone {
	background: #2672ff url(../images/fixCont.png) no-repeat 0 -57px;
}
.kf_bar .kf_qq {
	text-indent: 0;
	background: #2672ff url(../images/fixCont.png) no-repeat 0 -113px;
}
.kf_bar .kf_ercode {
	/*height:200px;*/

	background: #2672ff url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.kf_qq a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}


.banner {height: 750px;position: relative;background: url(../images/aboutvideo.jpg) no-repeat center / cover;}
.banner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}
.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}
.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}
.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.banner .text a:hover {background-color: #2672ff;border-color: #2672ff;}
.banner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner .swiper-pagination {display: none;}
.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}

.in-total {color: #fff;margin-top: -85px;position: relative;z-index: 3;text-align: center;background: url(../images/bg_index_shuzhi.png) no-repeat center / cover #2672ff}
.in-total li {float: left;width: 25%;padding: 40px 0;}
.in-total li span {display: block;line-height: 1;font-size: 18px;}
.in-total li strong {font-size: 58px;position: relative;display: inline-block;font-family: Impact;margin-right: 5px;}
.in-total li strong:before {position: absolute;right: -16px;top: 0;font-size: 24px;}
.in-total li p {margin: 10px 0 0;font-size: 18px;}

.section {padding: 80px 0;}
.section-title {text-align: center;margin-bottom: 40px;font-size: 33px;}
.section-title span {color: #2672ff;text-transform: uppercase; font-weight:100}
.section-title p {font-size: 14px;margin: 5px 0 0;color: #999;}
.section-title-1 {background: url(../images/title_bg.png) repeat-x center -5px;}
.section-title-1 strong {background-color: #fff;padding: 0 30px;display: inline-block;}
.section-title-2:after {content: '';display: block;margin: 15px auto 0;width: 60px;height: 5px;background-color: #2672ff;}
.section-sub {padding: 40px 0;}

.in-server {margin: -20px 0 0 -20px;}
.in-server li {float: left;width: 20%;}
.in-server li a {display: block;border: 1px solid #f4f4f4;margin: 20px 0 0 20px;text-align: center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li .img-center {height: 105px;line-height: 105px;padding-top: 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-server li h4 {margin: 30px 0 10px;font-size: 22px;font-weight: normal;}
.in-server li p {margin: 0 20px 20px;color: #868686;text-align: justify;}
.in-server li span {display: block;line-height: 54px;background-color: #f9f9f9;color: #868686;border-top: 1px solid #f4f4f4;font-size: 16px;}
.in-server li a:hover {box-shadow: 0 0 26px #cacaca;-webkit-transform: translateY(10px);transform: translateY(10px);border-color: #d6d6d6;}
.in-server li a:hover span {background-color: #2672ff;color: #fff;}
.in-server li a:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.in-seo li {float: left;width: 33.333333%;}
.in-seo li a {display: block;color: #fff;background: url(../images/product-bg-red.jpg) no-repeat center / cover;text-align: center;padding: 15px 30px;}
.in-seo li .img-center {height: 74px;line-height: 74px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-seo li:nth-child(even) a {background-image: url(../images/product-bg-gray.jpg);color: #333;}
.in-seo li a:hover .img-center {-webkit-transform: scale(1.1);transform: scale(1.1);}

.in-menu {margin: -20px 0 0 -20px;}
.in-menu {text-align: center;font-size: 0;margin-bottom: 30px;}
.in-menu li {display: inline-block;vertical-align: middle;}
.in-menu li a {display: block;font-size: 16px;line-height: 50px;padding: 0 20px;border: 1px solid #dfdfdf;margin: 20px 0 0 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-menu li a:hover,.in-menu li.active a {color: #fff;background-color: #2672ff;border-color: #2672ff;}

.list-1 {margin: -20px 20px 0 0;}
.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;margin: 20px 0 0 20px;position: relative;}
.list-1 li .img-cover {padding-top: 70%;}
.list-1 li .text {position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;display: table;background-color: rgba(0,0,0,0.7);-webkit-transform: scale(0);transform: scale(0);overflow: hidden;}
.list-1 li .inner {display: table-cell;vertical-align: middle;text-align: center;padding:50px 20px; box-sizing: border-box;}
.list-1 li .text h4 {margin: 0;font-size: 24px;font-weight: normal;}
.list-1 li .text p {margin: 10px 0 0;font-size: 16px; line-height: 24px;}
.list-1 li a:hover .text {-webkit-transform: scale(1);transform: scale(1);}

.list-2 {margin: -30px 0 0 -30px;overflow: hidden;}
.list-2 li {float: left;width: 50%;}
.list-2 li a {display: block;margin: 30px 0 0 30px;overflow: hidden;border: 1px solid #e4e4e4;padding: 12px;}
.list-2 li .date {float: left;width: 65px;background-color: #969393;color: #fff;text-align: center;padding: 7px 0;}
.list-2 li .date strong {display: block;font-family: Impact;font-size: 30px;line-height: 1;margin-bottom: 1px;}
.list-2 li .text {margin-left: 77px;}
.list-2 li .text h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-2 li .text p {margin: 5px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-2 li a:hover {border-color: #2672ff;}
.list-2 li a:hover .date {background-color: #2672ff;}

.index-news-con .img-center {float: left;width: 320px;}
.index-news-con .list-2 {margin-left: 320px;}

@-webkit-keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}

@keyframes scale{
    0%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
    50%{
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100%{
        -webkit-transform: scale(0.9);
                transform: scale(0.9);
    }
}
.in-desc {overflow: hidden;background: url(../images/bg_index_mid.jpg) no-repeat center / cover;color: #fff;}
.in-desc .logo {float: left;width: 500px;text-align: left;}
.in-desc .logo img {-webkit-animation: 2s scale linear infinite;animation: 2s scale linear infinite;}
.in-desc .text {margin-left: 500px;}
.in-desc .text h4 {margin: 0;font-size: 30px;}
.in-desc .text h5 {font-size: 18px;margin: 20px 0 10px;}
.in-desc .text p {margin: 0;font-size: 16px;line-height: 1.8;text-align: justify;}
.in-desc .text a {display: inline-block;background: url(../images/mbtxindex.png) no-repeat 0 0;width: 236px;line-height: 42px;padding-right: 40px;text-align: center;font-size: 18px;margin: 30px 30px 0 0;}

.in-partners {text-align: center;font-size: 0;margin: -15px 0 0 -15px;}
.in-partners li {display: inline-block;vertical-align: middle;}
.in-partners li a {display: block;margin: 15px 0 0 15px;}
.in-partners li .img-center {height: 65px;line-height: 65px;}

.in-process {}
.in-process li {float: left;width: 33.333333%; margin-top:20px;}
.in-process li a {display: block;text-align: center;}
.in-process li .img-center {height: 60px;line-height: 60px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-process li h4 {margin: 10px 0 5px 0;font-size: 22px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-process li p {margin: 0 auto;font-size: 14px;font-weight: normal;color: #888; width:60%; text-align:center; }
.in-process li a:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.in-dynamic {margin: -30px 0 0 -30px;}
.in-dynamic li {float: left;width: 33.333333%;}
.in-dynamic li a {display: block;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;padding: 30px;margin: 30px 0 0 30px;}
.in-dynamic li h4 {margin: 0;font-weight: normal;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-dynamic li p {margin: 15px 0 0;color: #888;height: 40px;overflow: hidden;}
.in-dynamic li a:hover {box-shadow: 0px 5px 20px rgba(0,0,0,0.2);}

.more-big {margin: 40px auto 0;display: block;text-align: center;border: 1px solid #dbdbdb;line-height: 48px;width: 150px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.more-big:hover {color: #fff;background-color: #2672ff;border-color: #2672ff;}

.in-partone {margin-left: -30px;}
.in-partone li {float: left;width: 50%;}
.in-partone li .wrap {margin-left: 30px;text-align: center;background: url(../images/part_05.png) no-repeat center / cover;padding: 70px 0;color: #fff;}
.in-partone li h4 {margin: 0;font-weight: normal;font-size: 32px;}
.in-partone li a {display: block;margin: 30px auto 0;border: 1px #fff solid;border-radius: 6px;font-size: 18px;line-height: 35px;width: 140px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-partone li a:hover {background-color: #fff;color: #333;}
.in-partone li:last-child .wrap {background-image: url(../images/part_07.png);}

.in-ready {text-align: center;}
.in-ready h4 {margin: 0;font-weight: normal;font-size: 24px;}
.in-ready .btn {margin: 15px auto;background: url(../images/djwz.jpg) center repeat-x;width: 900px;}
.in-ready .btn a {display: inline-block;vertical-align: middle;border-left: 25px solid #fff;border-right: 25px solid #fff;line-height: 55px;background-color: #2672ff;color: #fff;width: 350px;font-size: 22px;}
.in-ready p {margin: 0;font-size: 16px;letter-spacing: 5px;text-indent: 5px;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #2672ff;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.footer {background-color: #1e1d1d;color: #959595;}
.footer a {color: #959595;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer a:hover {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.footer dl {float: left;margin: 0;width: 210px;}
.footer dt {font-size: 16px;color: #eae8e8;margin-bottom: 20px;}
.footer dd {margin: 0;}
.footer li a {display: block;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer li a:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.footer .lx {width: 360px;color: #fff;}
.footer .lx .lx_mob strong {font-size: 30px; padding-right:8px}
.footer .lx .lx_400 {font-size: 18px;}
.footer .lx .tel {font-size: 18px;}
.footer .lx p {margin: 10px 0 0;}
.footer-top {padding: 40px 0;background-color: #000;margin-bottom: 60px;}
.footer-top span {float: left;width: 190px;padding-left: 50px;line-height: 40px;font-size: 16px;color: #d0d0d0;background: no-repeat 0 center;}
.footer-top span.i1 {background-image: url(../images/icon1.png);}
.footer-top span.i2 {background-image: url(../images/icon2.png);}
.footer-top span.i3 {background-image: url(../images/icon3.png);}
.footer-top span.i4 {background-image: url(../images/icon4.png);}
.footer-top span.i5 {background-image: url(../images/icon5.png);}
.footer-copy {margin-top: 50px;border-top: 1px solid #363636;padding: 10px 0;color: #6a6a6a;}
.index_js{ padding-top:15px; font-size:12px;}
.f_link ,.hot_link{ padding-top:8px; font-size:12px;}
.f_link a:link ,.hot_link a:link{ margin-right:10px;color:#707070}

.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.footer-fix li i.i4 {background-image: url(../images/f_04.png);}

.banner-sub {height: 300px;background: no-repeat center / cover;color: #fff;text-align: center;font-size: 30px;text-shadow: 0 2px 2px #333333;}
.banner-sub .container {display: table;height: 100%;}
.banner-sub .inner {display: table-cell;vertical-align: middle;}

.pages {margin: 40px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 2px;background-color: #f5f5f5;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages .cur {background-color: #2672ff;color: #fff;border:1px solid #2672ff;}

.lanmu {position: relative;background-color: #f1f1f1;text-align: center;}
.lanmu-title {display: none;line-height: 50px;font-size: 16px;}
.lanmu-title:after {content: '';display: inline-block;vertical-align: middle;margin: 0 0 -3px 10px;border-width: 7px;border-style: solid dashed dashed dashed;border-color: #333 transparent transparent transparent;}
.lanmu ul {font-size: 0;}
.lanmu li {display: inline-block;vertical-align: middle;}
.lanmu li a {display: block;line-height: 70px;font-size: 17px;position: relative;padding: 0 40px;border-right: 1px solid #ddd;-webkit-transition: all 0.5s;transition: all 0.5s;}
.lanmu li:last-child a {border-right: 0;}
.lanmu li.active a,.lanmu li a:hover {background-color: #2672ff;color: #fff;}

.position {padding: 20px 0;background-color: #ededed;color: #777;}
.position i {margin-right: 10px;display: inline-block;vertical-align: top;width: 17px;height: 20px;background: url(../images/daohangdw.png) no-repeat center;}

.seo-1 {margin-left: -25px;}
.seo-1 li {float: left;width: 20%;}
.seo-1 li a {display: block;-webkit-transition: all 0.5s;transition: all 0.5s;margin-left: 25px;padding: 120px 20px 20px;background: no-repeat center / 100% 100%;text-align: center;}
.seo-1 li.i1 a {background-image: url(../images/pc1.png);}
.seo-1 li.i2 a {background-image: url(../images/wap1.png);}
.seo-1 li.i3 a {background-image: url(../images/weixin1.png);}
.seo-1 li.i4 a {background-image: url(../images/web1.png);}
.seo-1 li.i5 a {background-image: url(../images/tel1.png);}
.seo-1 li h4 {margin: 0 0 20px;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo-1 li p {text-align: justify;margin: 0;height: 80px;overflow: hidden;color: #666;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-1 li a:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);color: #fff;}
.seo-1 li a:hover p {color: #fff;}
.seo-1 li.i1 a:hover {background-image: url(../images/pc1_h.png);}
.seo-1 li.i2 a:hover {background-image: url(../images/wap1_h.png);}
.seo-1 li.i3 a:hover {background-image: url(../images/weixin1_h.png);}
.seo-1 li.i4 a:hover {background-image: url(../images/web1_h.png);}
.seo-1 li.i5 a:hover {background-image: url(../images/tel1_h.png);}

.seo-2 {background-color: #fff;padding: 0 30px 30px 0;}
.seo-2 li {float: left;width: 25%;}
.seo-2 li a {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;padding: 10px;}
.seo-2 li .img-center {height: 240px;line-height: 240px;}
.seo-2 li .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 35px;background-color: #f4f4f4;font-size: 15px;}
.seo-2 li a:hover {border-color: #2672ff;}
.seo-2 li a:hover .text {background-color: #2672ff;color: #fff;}

.seo-3 {background: url(../images/con3.jpg) no-repeat center 0;padding-top: 80px;}
.seo-3 ul {position: relative;height: 400px;}
.seo-3 li {position: absolute;border: 2px solid #838383;font-size: 16px;padding: 10px 20px;line-height: 24px;font-weight: bold;background-color: #fff;}
.seo-3 li span {color: #2672ff;font-size: 22px;line-height: 1;}
.seo-3 li:after {position: absolute;left: 100%;top: 15px;content: '';width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 16px;border-color: transparent transparent transparent #838383;}
.seo-3 li:nth-child(even):after {left: auto;right: 100%;border-width: 8px 16px 8px 0;border-color: transparent #838383 transparent transparent;}
.seo-3 li.o1 {top: 0;right: 844px;}
.seo-3 li.o2 {top: 0;left: 795px;}
.seo-3 li.o3 {top: 100px;right: 886px;}
.seo-3 li.o4 {top: 100px;left: 838px;}
.seo-3 li.o5 {top: 200px;right: 886px;}
.seo-3 li.o6 {top: 200px;left: 838px;}
.seo-3 li.o7 {top: 300px;right: 844px;}
.seo-3 li.o8 {top: 300px;left: 795px;}
.seo-3 .zd {display: block;margin: 0 auto;border: 1px #2672ff dashed;width: 130px;height: 130px;border-radius: 50%;text-align: center;padding: 5px;}
.seo-3 .zd span {display: block;background-color: #2672ff;color: #fff;border-radius: 50%;font-size: 30px;padding: 23px 0;}
.seo-3 .zd:hover {border-color: #000;}
.seo-3 .zd:hover span {background-color: #000;}

.seo-4 .item {float: left;width: 560px;}
.seo-4 .tit {margin-bottom: 30px;}
.seo-4 .tit h4 {margin: 0;font-size: 36px;color: #2672ff;}
.seo-4 .tit h4 small {font-weight: normal;color: #333;font-size: 18px;margin-left: 20px;}
.seo-4 .tit span {display: block;font-size: 26px;}
.seo-4 ul {border: 1px solid #2672ff;border-radius: 10px;padding: 10px 20px 30px 20px;}
.seo-4 li {margin: 10px 0;font-size: 16px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-4 li span {display: inline-block;vertical-align: top;width: 22px;height: 22px;text-align: center;background-color: #2672ff;color: #fff;margin-right: 10px;border-radius: 3px;line-height: 22px;}
.seo-4 li:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.seo-4 li em {font-style: normal;color: #2672ff;}
.seo-4 .more {display: block;line-height: 44px;width: 180px;text-align: center;margin: -20px auto 0;background-color: #2672ff;color: #fff;font-size: 16px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-4 .more:hover {background-color: #000;}

.seo-5 {font-size: 0;margin-left: -50px;text-align: center;}
.seo-5 li {display: inline-block;vertical-align: middle;width: 20%;}
.seo-5 li .wrap {margin: 0 0 0 50px;}
.seo-5 li .m {background: url(../images/img10_2.png) no-repeat center / contain;height: 180px;}
.seo-5 li .m i {display: block;background: no-repeat center / contain;height: 77.77%;}
.seo-5 li .m i.i1 {background-image: url(../images/ys1.png);}
.seo-5 li .m i.i2 {background-image: url(../images/ys2.png);}
.seo-5 li .m i.i3 {background-image: url(../images/ys3.png);}
.seo-5 li .m i.i4 {background-image: url(../images/ys4.png);}
.seo-5 li .m i.i5 {background-image: url(../images/ys5.png);}
.seo-5 li .wrap:hover .m i.i1 {background-image: url(../images/ys11.png);}
.seo-5 li .wrap:hover .m i.i2 {background-image: url(../images/ys22.png);}
.seo-5 li .wrap:hover .m i.i3 {background-image: url(../images/ys33.png);}
.seo-5 li .wrap:hover .m i.i4 {background-image: url(../images/ys44.png);}
.seo-5 li .wrap:hover .m i.i5 {background-image: url(../images/ys55.png);}
.seo-5 li h4 {margin: 15px 0;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo-5 li p {margin: 0;font-size: 14px;color: #666;}

.about-1 {margin: 0;}
.about-1 .text {text-align: justify;font-size: 16px;line-height: 1.8;}
.about-1 .text .karlos_logo img{ float:left; padding:0 20px}
.about-1 .text p {margin: 0;text-indent: 2em;}
.about-1 .in-total {margin-top: 50px;background: none;color: #333;}
.about-1 .in-total li {padding: 0;}

.about-2 {background-image: url(../images/xuanzebg.jpg);}
.about-2 .logo {margin-bottom: -80px;}
.about-2 .logo img {-webkit-animation: none;animation: none;}

.about-3 {margin: -20px 0 0 -20px;}
.about-3 li {float: left;width: 33.333333%;}
.about-3 li a {display: block;border: 1px solid #eaeaea;padding: 20px;margin: 20px 0 0 20px;}
.about-3 li h4 {font-size: 24px;margin: 0;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about-3 li p {margin: 10px 0 0;height: 40px;overflow: hidden;}
.about-3 li a:hover {box-shadow: 0 0 30px #eeeeee;}

.about-3-more {margin-top: 40px;text-align: center;font-size: 0;}
.about-3-more a {display: inline-block;background-color: #2672ff;color: #fff;border-radius: 50px;font-size: 22px;line-height: 45px;width: 400px;vertical-align: middle;margin: 0 20px;}
.about-3-more a:last-child {background-color: #000;}

.about_zzzs li{ float:left; width:33%;}
.about_zzzs li img{ margin-bottom:30px; width:80%}
.map {height: 500px;}


.contact_info {margin: 0px auto; width:1200px; height:400px;}
.contact_pic{ text-align:center;}
.contact_info .fix li { color: #333; float: left;  font-size: 16px; height:310px; line-height: 32px; margin-left:80px; padding-top: 42px;  position: relative;text-align: center;width: 300px;}
.contact_info li:first-child {/* margin-left: 0;*/}
.contact_info h2 { color: #333; font-size: 18px; font-weight: normal; margin-bottom: 10px; margin-top: 10px;}
.contact_info .info { position: relative;  z-index: 2; padding: 0 25px;}
.contact_info .text {margin: 0 20px; text-align:left}
.contact_info .text p{cursor:pointer;}

#wxh_1 .btn{ font-size:12px;border-radius:2px;background-color: #1B9AF7; border:0; padding:3px 10px;color:#fff; margin-left:60px;}
#copy_btn{ font-size:12px;border-radius:2px;background-color: #1B9AF7; border:0; padding:3px 6px;color:#fff; margin-left:10px;}
.wx_ewm{ text-align:center; padding-top:0px;}
.wx_ewm img{width:90px;}
.pro_wx_img{ text-align:center; padding-top:10px;}

.contact_info .s1 { background: #de6764 none repeat  0 0;height: 100%; left: 0; opacity: 0.2; position: absolute; top: 0; width: 100%;}
.contact_info .s2 { background: #58bec8 none repeat  0 0;height: 100%;left: 0; opacity: 0.2; position: absolute; top: 0;width: 100%;}
.contact_info .s3 { background: #9ac047 none repeat  0 0;height: 100%; left: 0;opacity: 0.2;position: absolute;top: 0;width: 100%;}
.contact_info .s4 { background: #31a0e1 none repeat  0 0; height: 100%;left: 0; opacity: 0.2;position: absolute;top: 0; width: 100%;}
.contact_info .i1 { background: rgba(0, 0, 0, 0) url(http://www.karlos.com.cn/style/images/ico_contact.png) no-repeat  0 0; display: inline-block; height: 46px;width: 36px;}
.contact_info .i2 {background: rgba(0, 0, 0, 0) url(http://www.karlos.com.cn/style/images/ico_contact.png) no-repeat scroll -38px 0;display: inline-block;height: 46px;width: 42px;}
.contact_info .i3 { background: rgba(0, 0, 0, 0) url(http://www.karlos.com.cn/style/images/ico_contact.png) no-repeat scroll -81px 0;display: inline-block;  height: 46px;width: 43px;}
.contact_info .i4 {background: rgba(0, 0, 0, 0) url(http://www.karlos.com.cn/style/images/ico_contact.png) no-repeat scroll -125px 0;display: inline-block;height: 46px;width: 40px;}
.contact_info a {color: #333;}
.contact_pay{background: #f7f7f7; height:750px;}

/* pay star*/
.pay_title{ padding:60px 0; text-align:center}
.pay_info {  font-size:16px; line-height:30px;}
.pay_info li{ float:left; width:330px;}
.bank_zfb ,.yh_dg,.yh_ny{ height:180px;}
.pay_info .ico_pay{padding-bottom:15px;}
.pay_info .bank{ width:410px; padding-left:30px;}
.pay_info  .ico_pay_weixin{ width:150px; padding-left:40px;}

/*.contact-left {float: left;width: 750px;}*/
.helpfile{ position:relative;overflow: hidden; padding:20px 0;}
.help_menu{ width:17%; background-color: #f8f8f8; padding-bottom:80px; float:left; }
.help_box{ width:78%; float:left; margin-left:5%;}
.help_box h1{ text-align:center; color:rgb(65, 144, 255); margin:30px 0}
.help_list li {margin-bottom: 20px;}
.help_list li a {display: block;overflow: hidden;background-color: #fff;padding: 20px;}
.help_list li .text {}
.help_list li .text h4 {margin: 0;font-size: 22px;font-weight: normal; text-align:center; color:#2672ff}
.help_list li .text p {color: #999;margin: 15px 0 25px 0;line-height: 1.7;}
.help_list li a:hover {box-shadow: 0 0 20px #eeeeee;}
.help_list .help_list_bt{font-size: 16px;padding: 6px 16px; border:2px solid #2672ff; background-color:#fff;color: #2672ff; text-align:center;border-radius: 30px; display: block; width:12%; margin:0 auto ;}
.help_list .help_list_bt:hover {background-color: #2672ff;color: #fff; }


.help_menu_list li{ }
.help_menu_list span{height: 40px;line-height: 40px;font-size: 14px; background-color: #5C5C5C;display: block;position: relative;font-weight: 600;padding-left: 36px; color:#fff;}
.help_menu_list .hml_title{color: #fff;}
.help_menu_list li dl{line-height: 35px;font-size: 14px; padding:10px 0 15px 40px;}
.help_menu_list .active{ background-color: rgba(33,150,243,0.5);}
.help_menu_list .active a{color:#1890ff;}
.N_Menu {font-size: 14px;}

.N_Menu ul { padding-bottom:5px; height: 35px;
}
.N_Menu ul li {float: left; margin-top:10px; border-right:1px solid #e8e8e8; }
.list-paddingleft-2 p{ margin:0; padding:0}
.N_Menu ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 90px; color:#00f; font-weight:bold;
}
.N_Menu ul li a:hover, .N_Menu ul li a.on {
    background: #4190ff none repeat scroll 0 0;
    color: #fff;

}
.N_Menu .ul_trade{ width:90%; height:90px;}
.N_content { clear:both; padding-top:15px; line-height:24px;display: none; width: 90%;}

.help_box_t_nav{ display:none}

.api_title{ font-size:16px;}
.download_api{ clear:both; height:400px;background: #f2f2f2}
.download_api li{ float:left; width:182px; padding-top:30px; text-align:center;}
.http_download,.sdk_api li{ background:  url(http://www.karlos.com.cn/templets/default/images2015/ico_download.svg) 10px 10px no-repeat ; }

.http_download{ background-color:#046fe5; padding-left:60px;width:350px; height:50px; line-height:50px; font-size:22px;  margin:60px auto 80px auto;}
.http_download a{color:#FFF;}
.sdk_api{}
.sdk_api li{ float:left;background-color: #666;padding-left:50px;width:260px; height:50px; margin-left:30px;}
.sdk_api li a{ font-size:18px; color:#fff; font-size:18px; line-height:50px;}
.api_down_demo li{float: left;
width: 182px;
padding-top: 30px;
text-align: center;}
.api_down_demo li img{}

.sc{ margin:15px auto; position:relative; width:300px;}
.sc input {display: block;padding: 6px 72px 6px 12px;font-size: 14px;border: 1px solid #ddd;width: 180px;}
.sc button {position: absolute;left: 266px;top: 0;border: 1px solid transparent;background-color: #333;padding: 0;color: #fff;cursor: pointer;height: 34px;width: 70px;font-size: 14px;}


.v-lanmu {float: right;width: 160px;}
.v-lanmu li {margin-bottom: 10px;}
.v-lanmu li a {display: block;width: 90px;padding: 20px;border: 1px solid #ddd;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.v-lanmu li a:after {display: block;content: '';width: 20px;height: 2px;background-color: #2672ff;margin-top: 10px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.v-lanmu li strong {display: block;line-height: 1.1;margin-bottom: 5px;}
.v-lanmu li a:hover {background-color: #2672ff;color: #fff;border-color: #2672ff;width: 118px;}
.v-lanmu li a:hover:after {background-color: #fff;}
.v-main {margin-right: 200px;}

.h-lanmu {font-size: 0;margin-bottom: 20px;}
.h-lanmu li {display: inline-block;vertical-align: middle;margin: 0 10px 10px 0;}
.h-lanmu li a {display: block;padding: 0 30px;line-height: 50px;background-color: #fff;font-size: 16px;}
.h-lanmu li a:hover,.h-lanmu li.active a {background-color: #2672ff;color: #fff;}

.list-3 li {margin-bottom: 20px;}
.list-3 li a {display: block;overflow: hidden;background-color: #fff;padding: 20px;}
.list-3 li .img-center {float: left;width: 204px;}
.list-3 li .text {margin-left: 224px;}
.list-3 li .text h4 {margin: 0;font-size: 22px;font-weight: normal;}
.list-3 li .text p {color: #999;margin: 15px 0 0;line-height: 1.7;}
.list-3 li .text span {display: block;margin-top: 15px;font-size: 12px;color: #999;}
.list-3 li a:hover {box-shadow: 0 0 20px #eeeeee;}

.banner-content .inner {vertical-align: bottom;}
.content-title {text-align: left;margin-bottom: 40px;}
.content-title h1 {font-size: 38px;margin: 0;}
.content-title p {font-size: 0;margin: 20px 0 0;}
.content-title p span {display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 30px;}
.content-main,.content-xg {background-color: #fff;padding: 30px;}
.content-body {line-height: 1.8;}
.content-body img {max-width: 100% !important;height: auto !important;width: auto !important;}

.content-main .case_info_dd ,.app_info_dd{background-color: #f3f5f7;padding: 20px;line-height: 28px;border: 1px solid #ececec;border-left: solid 5px #2672ff;text-transform: initial;text-align: Justify;margin-bottom: 30px;color: #666;}



.content-main .case_info_dd strong{ color: #FF6600;}
.content-main .btn_pro_b { width:250px; margin:0px auto; text-indent:0em;}
.content-main .btn_pro_b a{width: 290px; height: 50px;display: inline-block; font-size: 18px; line-height: 48px; background:#488BFF;color:#fff;text-align: center;  border-radius: 35px; cursor: pointer; box-sizing: border-box;}
.content-main a:hover{ border: 1px solid #488BFF;color: #488BFF;text-decoration:none; background-color:#fff;}
.content-main .case_info_pl{background-color: #FBFBFB; padding: 20px; line-height: 28px; border: 1px solid #ececec; text-transform: initial; text-align: Justify; margin-top: 30px;margin-bottom: 30px;color: #2E2D2D;}
.case_info_pl strong{color: #FF6600}

.app_info_dd a{
background-color:#FFf ;color: #3399ff;padding: 6px 16px; border-radius: 5px; margin-left:20px;}
.app_info_dd a:hover{
background-color:#3399ff ; color:#fff;
}


.content-exp {border-top: 1px dashed #ccc;padding-top: 20px;overflow: hidden;margin-top:50px;}
.content-exp li {
  float: left;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.content-exp li:last-child {text-align: right;}
.content-tips {border-top: 1px dashed #ccc;padding-top: 20px;margin-top: 20px;line-height: 1.8;color: #2672ff;}
.content-tips .ss {padding: 2px 6px;background-color: #2672ff;color: #fff;}
.content-xg {margin-top: 30px;clear: both;}
.content-xg-left {float: left;width: 520px;border-right: 1px solid #eee;padding-right: 50px;}
.content-xg-right {float: right;width: 520px;}
.content-xg .tit {line-height: 1;border-left: 6px solid #2672ff;font-size: 24px;padding-left: 15px;margin-bottom: 20px;}
.content-xg li {color: #666;line-height: 30px;list-style: disc;list-style-position: inside;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-xg li span {float: right;font-size: 12px;color: #999;}


.webdes {margin: 10px 0 0 -20px;}
.webdes li {float: left;width: 25%;}
.webdes li a {display: block;margin: 20px 0 0 20px;background-color: #fff;text-align: center;border: 2px #efefef solid;line-height: 98px;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s;transition: all 0.5s;}
.webdes li a:hover {border-color: #2672ff;color: #2672ff;}

.content-case-title {background-color: #1e1d1d;color: #9b9b9b;padding: 50px 0;}
.content-case-title a {color: #9b9b9b;}
.content-case-title a:hover {color: #fff;}
.content-case-title h4 {margin: 0 0 20px;font-size: 32px;}
.content-case-title h5 {margin: 0 0 20px;font-size: 18px;}
.content-case-title dl {margin: 20px 0 0;}
.content-case-title dt {font-size: 16px;background: url(../images/cu_jj.png) no-repeat 0 center;padding-left: 30px;margin-bottom: 10px;}
.content-case-title dt.ico-fw {background-image: url(../images/cu_xm.png);}
.content-case-title dd {margin: 0;line-height: 1.8;text-align: justify;}
.content-case-title dd .cehuap {font-size: 0;margin-top: -10px;text-align: left;margin-left: -15px;}
.content-case-title dd .cehuap p {display: inline-block;font-size: 14px;text-align: center;line-height: 30px;color: #a0a0a0;border: 1px solid #3d3d3d;border-radius: 30px;margin: 10px 0 0 15px;vertical-align: top;padding: 0 20px;}
.content-case-title .view {font-size: 16px;background: url(../images/dianzan.png) no-repeat 0 center;padding-left: 30px;}
.content-case-title .btn {margin-top: 30px;}
.content-case-title .btn a {display: block;margin-top: 15px;border: 1px solid #9b9b9b;line-height: 36px;font-size: 16px;text-align: center;border-radius: 20px;}
.content-case-title .btn a:hover,.content-case-title .btn a:last-child {background-color: #2672ff;border-color: #2672ff;color: #fff;}
.content-case-title-left {float: left;width: 920px;}
.content-case-title-right {float: right;width: 180px;padding-top: 50px;}

.content-case-xg .tit {font-size: 28px;margin-bottom: 40px;}

.list-4 {margin: -40px 0 0 -40px;}
.list-4 li {float: left;width: 33.333333%;}
.list-4 li a {display: block;background-color: #fff;margin: 40px 0 0 40px;}
.list-4 li .img-cover {padding-top: 71%;}
.list-4 li .text {padding: 20px;}
.list-4 li .text h4 {font-weight: normal;margin: 0;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-4 li .text p {margin: 10px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-4 li a:hover .img-cover span {-webkit-transform: scale(1.1);transform: scale(1.1);}

.wzjs-1 {margin-bottom: 40px;}
.wzjs-1 .pic {float: left;padding: 10px;width: 450px;background: url(../images/bj_12.jpg) center no-repeat;height: 305px;}
.wzjs-1 .pic .img-center {height: 305px;line-height: 305px;}
.wzjs-1 .info {margin-left: 500px;}
.wzjs-1 .info h1 {margin: 0;font-size: 0;font-weight: normal;}
.wzjs-1 .info h1 span,.wzjs-1 .info h1 small {display: inline-block;vertical-align: middle;}
.wzjs-1 .info h1 span {font-size: 32px;margin-right: 15px;}
.wzjs-1 .info h1 small {font-size: 14px;color: #fff;line-height: 26px;padding: 0 4px;}
.wzjs-1 .text {padding: 15px;background: url(../images/conbg_03.jpg) repeat center;margin-top: 20px;}
.wzjs-1 .text .item {overflow: hidden;margin-bottom: 15px;}
.wzjs-1 .text .item.sb-bb {margin-bottom: 0;}
.wzjs-1 .text .sb-it {display: inline-block;vertical-align: middle;margin-right: 15px;margin-bottom: 15px;}
.wzjs-1 .text .label {float: left;font-size: 12px;line-height: 22px;padding: 0 5px;border: 1px solid #aaaaaa;color: #828282;}
.wzjs-1 .text .con {margin-left: 70px;line-height: 24px;}
.wzjs-1 .text .con strong {color: #2672ff;font-size: 20px;}
.wzjs-1 .text .tag {font-size: 0;margin-bottom: -10px;}
.wzjs-1 .text .tag span {font-size: 12px;line-height: 22px;padding: 0 5px;border: 1px solid #333;color: #333;display: inline-block;vertical-align: middle;margin-right: 10px;margin-bottom: 10px;}
.wzjs-1 .text .btn {margin-top: 40px;font-size: 0;}
.wzjs-1 .text .btn a {display: inline-block;font-size: 14px;vertical-align: middle;margin: 10px 10px 0 0;position: relative;border: 1px solid #666;color: #666;line-height: 30px;text-align: center;padding: 0 20px;}
.wzjs-1 .text .btn .img-center {position: absolute;top: 100%;background-color: #666;left: 50%;width: 100px;padding: 5px;margin-left: -55px;display: none;z-index: 1;}
.wzjs-1 .text .btn a:hover {background-color: #666;color: #fff;}
.wzjs-1 .text .btn a:hover .img-center {display: block;}
.wzjs-1 .text .btn a:first-child {background-color: #2672ff;color: #fff;border-color: #2672ff;}
.wzjs-1 .text .btn a:last-child {background-color: #000;color: #fff;border-color: #000;}

.wzjs-box {margin-bottom: 40px;}
.wzjs-tit {margin-bottom: 20px;border-bottom: 2px solid #d7d7d7;line-height: 22px;}
.wzjs-tit span {display: inline-block;font-size: 22px;border-bottom: 2px solid #2672ff;margin-bottom: -2px;padding-bottom: 10px;}
.wzjs-tit span i {display: inline-block;vertical-align: top;line-height: 22px;width: 22px;text-align: center;color: #fff;background-color: #2672ff;border-radius: 50%;font-style: normal;font-size: 14px;margin-right: 10px;}
.wzjs-tit em {float: right;font-size: 12px;color: #999;font-style: normal;}

.wzjs-2 {margin-bottom: 20px;font-size: 20px;color: #666;}
.wzjs-2 .tel {float: right;color: #2672ff;background: url(../images/gw.jpg) no-repeat 0 center;padding-left: 30px;}
.wzjs-2 strong {color: #2672ff;}

.table-2 table {width: 100%;border-collapse: collapse;background-color: #fff;line-height: 1.8;}
.table-2 th,.table-2 td {border: 1px solid #ddd;padding: 12px 20px;}
.table-2 th {font-size: 16px;font-weight: normal;background-color: #f5f6f7;}
.table-2 th:first-child,.table-2 td:first-child {width: 110px;background: url(../images/c-c3.jpg) repeat-y right center #f5f6f7;}
.table-2 th:last-child,.table-2 td:last-child {width: 200px;}
.table-2 td {color: #666;}
.table-2 td img {display: inline-block;vertical-align: middle;}
.table-2 td .btn {display: inline-block;padding: 2px 12px;background-color: #2672ff;color: #fff;}

.wybzd {text-align: center;font-size: 16px;line-height: 2;margin: -20px 0 40px;}
.wybzd p {margin: 0;}

.wzjs-3 li {float: left;width: 16.666666666%;}
.wzjs-3 li .wrap {padding: 10px 20px;text-align: center;}
.wzjs-3 li .img-center {height: 42px;line-height: 42px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.wzjs-3 li p {margin: 10px 0 0;font-size: 16px;}
.wzjs-3 li .wrap:hover {box-shadow: 0 0 26px #d2d2d2;}
.wzjs-3 li .wrap:hover .img-center {-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.wzjs-3-tips {margin-top: 20px;padding: 5px 15px;border: 1px solid #2672ff;}
.wzjs-3-tips p {margin: 10px 0;}
.wzjs-3-tips p strong {color: #fe6700;}

.wzjs-4 li {float: left;width: 12.5%;}
.wzjs-4 li .wrap {position: relative;}
.wzjs-4 li .wrap:after {content: '';position: absolute;width: 27px;height: 34px;background: url(../images/lc_85.jpg) no-repeat center / cover;top: 13px;right: -13px;}
.wzjs-4 li .img-center {height: 60px;line-height: 60px;}
.wzjs-4 li p {margin: 10px 0 0;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wzjs-4 li:last-child .wrap:after {display: none;}

.wzjs-5 {position: relative;}
.wzjs-5 .bg {position: absolute;left: 50%;top: 0;background: url(../images/shzb_97.jpg) no-repeat center / contain;width: 28px;height: 100%;margin-left: -14px;}
.wzjs-5 .wzjs-box {width: 520px;}
.wzjs-5 .text {color: #666;line-height: 1.8;}
.wzjs-5-left {float: left;background: url(../images/bg-bg_03.jpg) no-repeat right bottom;}
.wzjs-5-right {float: right;background: url(../images/bg-bg_05.jpg) no-repeat right bottom;}

.wzjs-6 {margin: 0;}
.wzjs-6 dt {float: right;width: 600px;}
.wzjs-6 dd {margin: 0 700px 0 100px;padding-top: 60px;}
.wzjs-6 dd p {margin: 0 0 15px;line-height: 2;font-size: 16px;background-color: #ececec;padding: 0 20px;border-left: 10px solid #e79d22;}

.more-big-2 {display: block;margin: 40px auto 0;line-height: 48px;font-size: 16px;width: 260px;text-align: center;background-color: #ababab;border-radius: 50px;color: #fff !important;}
.more-big-2:hover {background-color: #737373;}

.wzjs-7 {position: relative;}
.wzjs-7 .bg {position: absolute;left: 692px;top: 0;background: url(../images/shzb_97.jpg) no-repeat center / contain;width: 28px;height: 100%;}
.wzjs-7 dl {margin: 0 0 20px;overflow: hidden;}
.wzjs-7 dt {float: left;color: #fff;text-align: center;width: 83px;background: url(../images/psd_123.jpg) no-repeat center 0 / contain;font-size: 22px;padding-top: 10px;height: 92px;}
.wzjs-7 dd {margin-left: 110px;}
.wzjs-7 dd h4 {margin: 0;font-size: 22px;font-weight: normal;}
.wzjs-7 dd p {margin: 15px 0 0;color: #9d9d9d;line-height: 1.8;}
.wzjs-7 .list li {color: #666;line-height: 40px;list-style: disc;list-style-position: inside;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;border-bottom: 1px  dashed #d7d8d8;}
.wzjs-7 .list li span {float: right;font-size: 12px;color: #999;}
.wzjs-7 .menu {overflow: hidden;margin: 0 0 0 -20px;padding-top: 72px;}
.wzjs-7 .menu li {float: left;}
.wzjs-7 .menu li a {display: block;margin: 0 0 20px 20px;line-height: 30px;padding: 0 30px;border-radius: 30px;background-color: #e5e5e5;}
.wzjs-7 .menu li.active a {background-color: #2672ff;color: #fff;}
.wzjs-7 .more {display: inline-block;font-size: 16px;margin-top: 20px;}
.wzjs-7-left {float: left;width: 680px;padding-right: 40px;}
.wzjs-7-right {float: right;width: 460px;}

.search_list li a {
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
	overflow: hidden;
	height:150px; margin-top:30px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.search_list li .img-center {
	float: left;
	width: 250px;
}
.search_list li .text {
	margin: 0 0 0 290px;
	position: relative;
	padding-right: 180px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.search_list li .text h4 {
	margin: 0; text-align:left;
	font-weight: normal;
	font-size: 20px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 23px;
}
.search_list li .text p {
	line-height: 2;
	height: 52px;
	overflow: hidden;
	margin: 10px 0 0;
	color: #999;
}
.search_list li .date {
	position: absolute;
	right: 30px;
	top: 0;
}
.search_list li .date span {
	display: block;
	font-family: Impact;
	color: #ccc;
	font-size: 22px;
	margin-bottom: 20px;
}
.search_list li .date i {
	border-left: 1px solid #e5e5e5;
	text-align: right;
	line-height: 20px;
	font-size: 0;
	display: block;
}
.search_list li .date i:before {
	content: '→';
	color: #999;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 20px;
	display: block;
	text-align: center;
}
.search_list li a:hover {
	padding-left: 30px;
}
.search_list li a:hover .text {
	padding-right: 150px;
}
.search_list li a:hover .date i:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.my-4{ padding:20px 0;}
.taocan_titleo {display: block;text-align: center;background-color: #333;color: #fff;font-size: 16px;width: 500px;margin: 30px auto 0;padding: 10px;border-radius: 20px;}

.case-wrap {max-width: 1920px;width: 90%;margin: 0 auto;min-width: 1200px;}

@media screen and (max-width: 1200px){
.center {
    width: 100%;
}
	
}
@media screen and (max-width: 450px){
.box_tit p {
    font-size: 1rem;
}
.pro_screen ul li {
    width: 31.33%;
    margin: 1%;
}
.pro_screen ul li a {
    width: 100%;
}
.flex_between {
    padding-bottom: 15px;
}
.case_list ul li .text h3 {
    font-size: 14px;
    line-height:16px;;
    margin: 10px 0 0 0;
    padding: 0;
    padding-bottom: 5px;
    overflow: hidden;
}
.case_list ul li .text2 {
    padding: 0;
}

.case_list ul li .text2 span {
    font-size: .09rem;
    margin-top: 8px;
}
.case_list ul li .text2 span i {
    font-size: 12px;;
}

.case_list ul li .text2 span {
    font-size: 12px;
    margin-top: 3px;
}

.case_list ul li .text2 a {
    display: none;
}

}


.oneform input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;opacity: 0.7;}
.oneform input:-moz-placeholder, textarea:-moz-placeholder {color: #fff;opacity: 0.7;}
.oneform input::-moz-placeholder, textarea::-moz-placeholder {color: #fff;opacity: 0.7;}
.oneform input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #fff;opacity: 0.7;}

.oneform {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;display: none;}
.oneform .mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);}
.onebox {position: absolute;left: 50%;top: 50%;width: 930px;margin-left: -465px;background-color: #ed1c24;color: #fff;margin-top: -260px;}
.onebox-wrap {border: 1px #fff dashed;margin: 15px;padding: 35px;}
.onebox .close {float: right;width: 42px;height: 42px;background: url(../images/tc_btn_1.png) no-repeat center / contain;-webkit-transition: all 0.5s;transition: all 0.5s;}
.onebox .close:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.onebox .tit {margin-bottom: 35px;font-size: 40px;background: no-repeat 0 center / contain;padding-left: 245px;}
.onebox ul {margin: -15px 0 0 -15px;}
.onebox li {float: left;width: 50%;}
.onebox li.full {width: 100%;}
.onebox li .wrap {margin: 15px 0 0 15px;overflow: hidden;border: 1px #e7a8aa solid;border-radius: 8px;}
.onebox li i {float: left;background: no-repeat center / contain;width: 54px;height: 54px;}
.onebox li i.i1 {background-image: url(../images/tc_ico_1.png);}
.onebox li i.i2 {background-image: url(../images/tc_ico_2.png);}
.onebox li i.i3 {background-image: url(../images/tc_ico_3.png);}
.onebox li i.i4 {background-image: url(../images/tc_ico_4.png);}
.onebox li i.i5 {background-image: url(../images/tc_ico_5.png);}
.onebox li input {display: block;margin-left: 54px;border: none;background: none;box-shadow: none;color: #fff;font-size: 16px;line-height: 30px;padding: 12px;width: 326px;}
.onebox li textarea {display: block;border: none;background: none;box-shadow: none;color: #fff;font-size: 16px;line-height: 30px;padding: 12px;width: 380px;}
.onebox li.full textarea {width: 802px;}
.onebox li.yzm img {float: right;height: 54px;width: 120px;}
.onebox li.yzm input {width: 190px;}
.onebox .submit {display: block;border: 0;height: 54px;width: 100%;cursor: pointer;font-size: 20px;color: #d32329;background: #fff;}
.onebox .submit:hover {background-color: #ed1c24;color: #fff;}

.weizhi {float: right;font-size: 14px;}
.weizhi a {color: #fff;}
.weizhi em {font-style: normal;padding: 0 5px;}

.api_info .api_title{ font-size:22px;}
.api_info p{color: #999;font-size: 14px; line-height:20px;text-indent: 24px;}
.http_download,.sdk_api li { background:  url(http://www.karlos.com.cn/templets/default/images2015/ico_download.svg) 10px 10px no-repeat ; }

.http_download{ background-color:#046fe5; padding-left:60px;width:350px; height:50px; line-height:50px; font-size:22px;  margin:60px auto 80px auto;}
.http_download a{color:#FFF;}
.sdk_api li{float:left;background-color: #666;padding-left:50px;width:260px; height:50px; margin-left:40px;}
.sdk_api li a{ font-size:18px; color:#fff; font-size:18px; line-height:50px;}
.api_dl li{float: left;width: 16%;padding-top: 30px;text-align: center;}

.api_lc_pic{ text-align:center;}
.api_lc_list li{ float: left; width: 16%;  margin-top:50px; margin-bottom:50px; margin-right:56px;font-size:20px; font-weight:bold; position:relative}
.api_lc_list li:last-child { margin-right:0}
.api_lc_list li span{ width:40px; height:40px; position:absolute; top:-26px; left:30%; display:block; background-color:#fff; border-radius: 50%; color:#2672ff; margin:0 20px; line-height:40px;border: 1px solid #D9D9D9;}
.api_lc_list li p{ font-size:14px; font-weight:normal}
.api_lc_list a{ display: block; border: 1px solid #D9D9D9; padding: 28px 16px; border-radius:3em 0 3em 0; }
.api_lc_list a:hover{color: #FFF; box-shadow: 0px 10px 30px rgba(51,102,255,0.3); border: 1px solid #2672ff; background: #2672ff;}
.api_obj{ text-align:center}



@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
    .container {width: auto;}
.help_box{ float:none}
.box_tit {
    margin: 20px 0;
}
.box_tit span {
    font-size: 2rem;
}
.box_tit p {
    padding: 0 8%;
}
.pro_screen {
    padding: 20px 0;
}
.pro_screen ul {
    padding-left: 10px;
}
.pro_screen ul li:first-child {
    position: absolute;
    left: 0;
    
}
.pro_screen ul li a {
    width: 90%;
    padding: 6px 0;
    border: 1px solid #ddd;
    text-align: center;
}

.flex_between {
    padding-top: 0;
    width: 90%;
    margin: 0 5%;
}
.flex_between .text {
    width: 100%;
}
.flex_between .search {
    width: 100%;
    padding-right: 0;
    margin-top: 15px;
}
.flex_between .search input[type="text"] {
    width: 60%;
    
       
    border: 1px solid #ddd;
   
    float: left;
    padding: 0 10px;
    outline: 0;
}
.help_menu{ display:none}

.flex_between .search input[type="submit"] {
    width: 30%;
}
.case_list ul li {
    width: 40.5%;
    margin: 2%;
}

.case_list ul li:nth-child(3n) {
    margin-right: 2%;
}

.case_list ul li .text3{
    display: none;
}



    .kf {display: none;}
    .footer-fix {display: block;}

    .header {background-color: #2672ff;padding: 10px 0;position: fixed; top:0;}
    .header .logo {height: 30px;padding: 0;line-height: 30px;float: none;}
    .header .nav {display: none;margin: 10px -15px 0;text-align: left;float: none;}
    .header .nav li {display: block;border-top: 1px solid rgba(255,255,255,0.4);margin: 0;}
    .header .nav li .arr {display: block;}
    .header .nav li a {border-bottom: 0;padding: 0 15px;font-size: 14px;color: #fff !important;line-height: 40px;}
    .header .nav li a span {opacity: 1;}
    .header .nav li.open .arr:after {border-color: #fff;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;width: auto;margin: 0;text-align: left;background-color: #a90002;}
    .header .nav .dropdown-box a {padding: 0 15px;line-height: 40px;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {color: #ce2e33;}

.is-fixed.header{ display:none;}
    .menu-btn {display: block;}

    .sp_nav_body {overflow: visible;}
    .sp_nav {display: none;}
    .sp_nav-box {display: none !important;}

    .banner {height: 220px;background: url(../images/bg_m_banner1.jpg) no-repeat center / cover;}
    .banner .img-cover,.banner .swiper-pagination {display: block;}
    .banner .text,.banner video {display: none;}
    .banner .text h4 {font-size: 20px;margin-bottom: 15px;}
    .banner .text p {font-size: 14px;}
    .banner .text a {margin-top: 20px;font-size: 14px;line-height: 32px;width: 120px;}

    .in-total {margin: 0 -15px;}
    .in-total li {padding: 15px 0;}
    .in-total li span {font-size: 12px;}
    .in-total li strong {font-size: 24px;}
    .in-total li p {margin: 5px 0 0;font-size: 12px;}

    .section {padding: 30px 0;}
    .section-title {font-size: 20px;margin-bottom: 20px;}
    .section-title p {font-size: 12px;}
    .section-title-1 {background-size: auto 28px;background-position: center 0;}
    .section-title-1 strong {padding: 0 10px;}
    .section-sub {padding: 30px 0;}

     .api_lc_list li{ width:42%; margin-right:20px;}
	 

    .in-server li {width: 50%;}
    .in-server li a {border: 0;}
    .in-server li span {display: none;}
    .in-server li .img-center {line-height: 50px;height: 50px;padding: 0;}
    .in-server li h4 {font-size: 16px;margin: 10px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .in-server li p {margin: 0;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; width:90%}
    .in-server li:first-child {width: 100%;}

    .in-seo li {width: 100%;}
    .in-seo li a {padding: 20px;}
    .in-seo li .img-center {height: 40px;line-height: 40px;}
    .in-seo li p {margin-top: 10px;}

    .in-menu {margin: -5px 0 15px -5px;}
    .in-menu {display: none;}
    .in-menu li a {font-size: 14px;padding: 0 10px;line-height: 32px;margin: 5px 0 0 5px;}

    .list-1 {margin: -10px 0 0 -10px;}
    .list-1 li {width: 50%;}
    .list-1 li a {margin: 10px 0 0 10px;}
    .list-1 li .text {position: static;-webkit-transform: scale(1);transform: scale(1);width: auto;height: auto;display: block;background-color: #fff;color: #333;}
    .list-1 li .inner {display: block;text-align: left;padding: 10px;}
    .list-1 li .text h4 {font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-1 li .text p {font-size: 14px;margin-top: 0;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .list-2 {margin: -15px 0 0 -15px;}
    .list-2 li {width: 100%;}
    .list-2 li a {margin: 15px 0 0 15px;padding: 10px;}

    .index-news-menu {display: block;}
    .index-news-con .img-center {display: none;}
    .index-news-con .list-2 {margin-left: -15px;}

    .in-desc .logo {float: none;text-align: center;width: auto;height: 100px;line-height: 100px;}
    .in-desc .text {margin: 20px 0 0;}
    .in-desc .text h4 {font-size: 20px;}
    .in-desc .text h5 {margin: 15px 0 5px;font-size: 14px;}
    .in-desc .text p {font-size: 12px;}
    .in-desc .text a {display: none;}

    .in-partners {margin: -5px 0 0 -5px;}
    .in-partners li a {margin: 5px 0 0 5px;}
    .in-partners li .img-center {height: 45px;line-height: 45px;}

    .in-process {margin-top: -15px;}
    .in-process li {width: 33.333333%;}
    .in-process li a {margin-top: 15px;}
    .in-process li .img-center {height: 30px;line-height: 30px;}
    .in-process li h4 {font-size: 14px;margin-top: 10px;}
    .in-process li p {margin-top: 5px; width:88%}

    .in-dynamic {margin-top: -15px;}
    .in-dynamic li {width: 100%;}
    .in-dynamic li a {margin-top: 15px;padding: 15px;}
    .in-dynamic li h4 {font-size: 16px;}
    .in-dynamic li p {margin-top: 10px;}

    .more-big {margin-top: 30px;line-height: 40px;}

    .in-partone li {width: 100%;}
    .in-partone li .wrap {padding: 40px 10px;}
    .in-partone li h4 {font-size: 20px;}
    .in-partone li a {font-size: 14px;margin-top: 20px;width: 120px;}

    .in-ready {display: none;}
.help_menu{ display:none}
.help_box{ float:none}
.help_box_t_nav{ width:90%; margin:50px auto; display:contents}
.help_box_t_nav span{ margin:15px 15px 0 0; padding:8px 15px; border:1px solid #4190ff ; display:inline-block }
.help_box_t_nav span a{ color:#4190ff}
    .footer {padding-top: 30px;}
    .footer dl {display: none;}
    .footer dt {margin-bottom: 10px;}
    .footer .lx {display: block;float: none;width: auto;}
    .footer .lx .tel {font-size: 18px;}
    .footer-top {display: none;}
    .footer-copy {padding: 15px 0;font-size: 12px;margin-top: 30px;}

    .banner-sub {height: 120px;font-size: 20px;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .lanmu-title {display: block;}
    .lanmu ul {position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;z-index: 11;box-shadow: 0 5px 5px rgba(0,0,0,0.1);display: none;}
    .lanmu li {display: block;border-top: 1px solid #ddd;margin: 0;}
    .lanmu li a {display: block;line-height: 40px;text-align: center;border-right: 0;font-size: 14px;}
    .lanmu li.active a,.lanmu li a:hover {background-color: transparent;color: #2672ff;}

    .position {padding: 10px 0;font-size: 12px;}
    .position i {margin-right: 5px;height: 17px;background-size: 12px;width: 12px;}

    .seo-1 {margin: -10px 0 0 -10px;}
    .seo-1 li {width: 50%;}
    .seo-1 li a {margin: 10px 0 0 10px;padding: 75px 10px 10px;}
    .seo-1 li h4 {margin-bottom: 10px;font-size: 14px;}
    .seo-1 li p {font-size: 12px;height: 85px;}
    .seo-1 li:last-child {display: none;}

    .seo-2 {padding: 0;margin: -10px 0 0 -10px;background-color: transparent;}
    .seo-2 li {width: 50%;}
    .seo-2 li a {margin: 10px 0 0 10px;background-color: #fff;padding: 5px;}
    .seo-2 li .img-center {height: 156px;line-height: 156px;}
    .seo-2 li .text {line-height: 34px;font-size: 12px;}

    .seo-3 {padding: 0;background: none;}
    .seo-3 ul {height: auto;}
    .seo-3 li {position: static;margin-bottom: 15px;padding: 10px 15px;font-size: 14px;}
    .seo-3 li:after {display: none !important;}
    .seo-3 li span {font-size: 16px;}
    .seo-3 .zd {width: 88px;height: 88px;}
    .seo-3 .zd span {font-size: 16px;padding: 22px 0;}

    .seo-4 .item {width: 100%;margin-bottom: 30px;}
    .seo-4 .item:last-child {margin-bottom: 0;}
    .seo-4 .tit {margin-bottom: 20px;}
    .seo-4 .tit h4 {font-size: 20px;}
    .seo-4 .tit h4 small {font-size: 14px;margin-left: 10px;}
    .seo-4 .tit span {font-size: 16px;}
    .seo-4 ul {padding: 10px 15px 20px 15px;}
    .seo-4 li {font-size: 14px;}
    .seo-4 li span {width: 20px;height: 20px;margin-right: 5px;line-height: 20px;}
    .seo-4 .more {line-height: 34px;font-size: 14px;margin-top: -15px;}

    .seo-5 {margin: -15px 0 0 -15px;}
    .seo-5 li {width: 33.333333%;}
    .seo-5 li .wrap {margin: 15px 0 0 15px;}
    .seo-5 li .m {height: 75px;}
    .seo-5 li h4 {margin: 10px 0;font-size: 14px;}
    .seo-5 li p {font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

    .about-1 .img-center {width: 70%;margin: 0 auto;}
    .about-1 .text {margin-top: 20px;font-size: 14px;}
	.about-1 .text .karlos_logo img{ width:100%; padding: 0 0 10px 0}
    .about-1 .in-total {margin-top: 20px;}

    .about-2 .logo {display: none;}
    .about-2 .text {margin-top: 0;}
     
    .about-3 li {width: 100%;}
    .about-3 li a {padding: 15px;}
    .about-3 li h4 {font-size: 16px;}
    .about-3 li p {height: auto;}

    .about-3-more {margin-top: 20px;}
    .about-3-more a {display: block;margin: 10px 0 0;width: auto;font-size: 16px;line-height: 34px;}

    .about_zzzs li{ width:49.9%; text-align:center}

    .map {height: 300px;}

.contact_info{ width:100%; height:auto}
.contact_info .fix li {width:80%; margin:0 auto;float: none;}
.contact_info .fix li:first-child{ margin-left: auto}
.pay_info li { width:100%; height:auto; float:none; padding-left:30px;}
.pay_info li .bank{ padding:0}
    .v-lanmu,.h-lanmu {display: none;}
    .v-main {margin: 0;}

    .list-3 li {margin-bottom: 15px;}
    .list-3 li a {padding: 10px;}
    .list-3 li .img-center {width: 100px;}
    .list-3 li .text {margin-left: 110px;}
    .list-3 li .text h4 {font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .list-3 li .text p {margin-top: 5px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .list-3 li .text span {display: none;}

    .banner-content {height: auto;padding: 30px 0;}
    .banner-sbanner-contentub .container {display: block;height: auto;}
    .banner-content .inner {display: block;}
    .content-title {margin: 0;}
    .content-title h1 {font-size: 20px;}
    .content-title p {margin-top: 20px;}
    .content-title p span {font-size: 12px;margin-right: 5px;}
    .content-main, .content-xg {padding: 15px;}
    .content-main {margin: -30px -15px 0;}
    .content-exp {margin-top: 15px;padding-top: 15px;font-size: 12px;}
    .content-exp li {float: none;display: block;width: auto;}
    .content-exp li:last-child {text-align: left;margin-top: 10px;}
    .content-tips {margin-top: 15px;padding-top: 15px;font-size: 12px;}

    .content-xg {margin: 20px -15px 0;}
    .content-xg .tit {font-size: 18px;margin-bottom: 10px;}
    .content-xg-left,.content-xg-right {float: none;width: auto;}
    .content-xg-left {padding-right: 0;border-right: 0;}
    .content-xg-right {margin-top: 20px;}

    .webdes {margin-left: -10px;}
    .webdes li {width: 50%;}
    .webdes li a {margin: 10px 0 0 10px;line-height: 44px;font-size: 14px;}

    .content-case-title {padding: 30px 0;}
    .content-case-title h4 {font-size: 20px;margin-bottom: 15px;}
    .content-case-title h5 {font-size: 16px;}
    .content-case-title .btn {margin-top: 20px;}
    .content-case-title-left,.content-case-title-right {width: auto;float: none;}
    .content-case-title-right {padding-top: 30px;}

    .content-case-xg .tit {font-size: 20px;margin-bottom: 20px;}

    .list-4 {margin: -15px 0 0 -15px;}
    .list-4 li {width: 50%;}
    .list-4 li a {margin: 15px 0 0 15px;}
    .list-4 li .text {padding: 10px;}
    .list-4 li .text h4 {font-size: 16px;}
    .list-4 li .text p {font-size: 12px;line-height: 20px;}

    .wzjs-1,.wzjs-box {margin-bottom: 30px;}
    .wzjs-1 .pic {width: auto;float: none;padding: 0;background: none;height: auto;}
    .wzjs-1 .pic .img-center {height: 235px;line-height: 235px;}
    .wzjs-1 .info {margin: 20px 0 0;}
    .wzjs-1 .info h1 span {font-size: 18px;margin-right: 5px;}
    .wzjs-1 .info h1 small {font-size: 12px;line-height: 20px;}
    .wzjs-1 .text .btn {margin-top: 20px;}

    .wzjs-1 .text .sb-it {margin-right: 0;display: block;}

    .wzjs-tit {line-height: 20px;}
    .wzjs-tit em {display: none;}
    .wzjs-tit span {font-size: 16px;}
    .wzjs-tit span i {line-height: 20px;width: 20px;margin-right: 5px;}

    .wzjs-2 {font-size: 16px;}
    .wzjs-2 .tel {float: none;margin-bottom: 10px;}


    .wybzd {font-size: 12px;line-height: 1.8;margin: 0 0 20px;}

    .wzjs-3 li {width: 33.333333%;}
    .wzjs-3 li .wrap {padding: 5px;}
    .wzjs-3 li .img-center {height: 24px;line-height: 24px;}
    .wzjs-3 li p {font-size: 12px;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .wzjs-3-tips {padding: 0 10px;}

    .wzjs-4 {margin-top: -15px;}
    .wzjs-4 li {width: 25%;}
    .wzjs-4 li .wrap {margin-top: 15px;}
    .wzjs-4 li .wrap:after {display: none;}
    .wzjs-4 li .img-center {height: 40px;line-height: 40px;}
    .wzjs-4 li p {font-size: 12px;}

    .wzjs-5 .bg {display: none;}
    .wzjs-5 .wzjs-box {width: auto;}
    .wzjs-5-left,.wzjs-5-right {float: none;}

    .wzjs-6 dt {float: none;width: auto;}
    .wzjs-6 dd {margin: 20px 0 0;padding-top: 0;}
    .wzjs-6 dd p {margin: 10px 0 0;font-size: 14px;padding: 0 10px;}

    .more-big-2 {line-height: 34px;margin-top: 20px;font-size: 14px;}

    .wzjs-7 .bg {display: none;}
    .wzjs-7 dt {font-size: 16px;width: 55px;padding-top: 5px;height: 64px;}
    .wzjs-7 dd {margin-left: 70px;}
    .wzjs-7 dd h4 {font-size: 16px;}
    .wzjs-7 dd p {font-size: 12px;margin-top: 5px;}
    .wzjs-7 .list li {font-size: 14px;}
    .wzjs-7 .more {margin-top: 10px;font-size: 14px;}
    .wzjs-7 .menu {padding-top: 0;margin-left: -10px;}
    .wzjs-7 .menu li a {margin: 0 0 10px 10px;}
    .wzjs-7-left,.wzjs-7-right {width: auto;float: none;padding: 0;}
    .wzjs-7-right {margin-top: 20px;}

    .onebox {width: 290px;margin-left: -145px;margin-top: -250px;}
    .onebox-wrap {margin: 0;padding: 20px;border: none;}
    .onebox .close {width: 20px;height: 20px;}
    .onebox .tit {background: none !important;font-size: 18px;padding-left: 0;margin-bottom: 10px;}
    .onebox li {width: 100%;}
    .onebox li i {width: 34px;height: 40px;}
    .onebox li input {margin-left: 34px;line-height: 20px;padding: 10px 12px;font-size: 14px;width: 86%;box-sizing: border-box;}
    .onebox li textarea {box-sizing: border-box;width: 100% !important;font-size: 14px;line-height: 20px;padding: 10px 12px;}
    .onebox li.yzm img {height: 40px;width: 80px;}
    .onebox li.yzm input {width: 130px;}
    .onebox .submit {height: 38px;font-size: 16px;}

    .taocan_titleo {width: auto;margin-top: 20px;font-size: 12px;}

    .weizhi {display: none;}

    .case-wrap {min-width: auto;width: auto;}
	.http_download{ width:80%;  margin:25px 0 20px 0; padding-left:50px; font-size:18px;}
	.sdk_api li{ float:none; margin:25px 0 0 0; width:80%}
	.api_down_demo li{ width:33.22%}
	.api_down_demo li img{ width:80%; text-align:center}
.search_list li a {
	padding: 10px 0 10px 0; margin:0; height:70px;
}

.search_list li .img-center {
	width: 90px;
}
.search_list li .text {
	margin: 0 0 0 100px;
	padding: 0 40px 0 0;
}
.search_list li .text h4 {
	padding: 0;
	font-size: 14px;
}
.search_list li .text p {
	line-height: 18px;
	font-size: 12px;
	height: 36px;
	overflow: hidden;
}
.search_list li .date {
	margin-top: 0;
	right: 0;
}
.search_list li .date span {
	margin: 0 0 5px;
	font-size: 12px;
	color: #adadad;
}
.search_list li a:hover {
	padding-left: 0;
}
.search_list li a:hover .text {
	padding: 0 40px 0 0;
}
.search_list li:first-child a {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
}
.my-4{ margin-top:0;}
.pages{ padding:10px 0;}
}


/***模板内容页分类****/
.fllist{ margin:20px 10px 50px 10px;;
border: 1px solid #eee;
padding: 10px;
font-size: 16px;
background-color: #f9f9f9;
}
.fllist li{
display: inline-block;
width: 30%;
margin-bottom: 10px;
margin-top: 10px;
}
.fllist li a{
background-color:#FFf ;
color: #3399ff;
padding: 6px 16px; border-radius: 5px;
}
.fllist li a:hover{
background-color:#3399ff ; color:#fff;
}
.fllist li strong{
  color: #FF6600;
}

@media screen and (max-width: 450px){
  .fllist li {
    width: 45%;
}

}